<template>
  <div class="spike__edit">
    <el-form ref="form"
             :model="form"
             label-width="120px">
      <el-form-item label="选择场次"
                    required>
        <el-row>
          <el-date-picker class="date--item"
                          v-model="form.date"
                          type="date"
                          placeholder="选择日期">
          </el-date-picker>
        </el-row>

        <el-row style="margin-top:10px">
          <el-col :span="6">
            <el-date-picker class="date--item"
                            v-model="form.date"
                            type="date"
                            placeholder="选择日期">
            </el-date-picker>
          </el-col>
          <el-col :span="6">
            <el-time-select class="date--item"
                            v-model="form.time"
                            :picker-options="{
                              start: '08:30',
                              step: '00:15',
                              end: '18:30'
                            }"
                            placeholder="选择时间">
            </el-time-select>
          </el-col>
          <el-col :span="6">
            <el-time-select class="date--item"
                            v-model="form.time"
                            :picker-options="{
                              start: '08:30',
                              step: '00:15',
                              end: '18:30'
                            }"
                            placeholder="选择时间">
            </el-time-select>
          </el-col>
          <el-col :span="6">
            <el-time-select class="date--item"
                            v-model="form.time"
                            :picker-options="{
                              start: '08:30',
                              step: '00:15',
                              end: '18:30'
                            }"
                            placeholder="选择时间">
            </el-time-select>
          </el-col>
        </el-row>
      </el-form-item>
      <el-form-item label="选择商品"
                    required>
        <el-link type="primary"
                 :underline="false">添加商品</el-link>
      </el-form-item>
      <el-form-item label="商品排序"
                    required>
        <el-radio-group v-model="form.resource">
          <el-radio label="手动排序"></el-radio>
          <el-radio label="自动按销量排序"></el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="设置新人专享"
                    required>
        <el-radio-group v-model="form.resource">
          <el-radio label="是"></el-radio>
          <el-radio label="否"></el-radio>
        </el-radio-group>
      </el-form-item>
    </el-form>
  </div>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";

@Component
export default class EditActivity extends Vue {
  form = {};
}
</script>
  
<style lang="scss" scoped>
@import "@/assets/styles/marketing/spike-edit.scss";
</style>
